<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<title>Alta de Vehiculo</title>
</head>
<body>
	<div class="container">
		<h2>Alta de Vehiculo</h2>
		<hr>
		<div id="particular" class="panel panel-default">
			<div class="panel-heading">Datos del vehiculo</div>
			<div class="panel-body">
				<form role="form">
					<div class="form-group">
						<label for="email">Tipo:</label><br>
						<select name="tipo" id="tipo">
							<option value="0">Seleccione</option>
							<option value="particular">Tractor</option>
							<option value="empresa">Camion con caja</option>
							<option value="empresa">Camion tanque</option>
							<option value="empresa">Camioneta</option>
						</select>
					</div>
					<div class="form-group">
						<label for="pwd">Patente:</label>
						<input type="text" class="form-control" id="patente" name="patente">
					</div>
					<div class="form-group">
						<label for="pwd">Volumen transportado maximo:</label>
						<input type="text" class="form-control" id="volumenTransportado" name="volumenTransportado">
					</div>
					<div class="form-group">
						<label for="pwd">Tara:</label>
						<input type="text" class="form-control" id="tara" name="tara">
					</div>
					<div class="form-group">
						<label for="pwd">Peso:</label>
						<input type="text" class="form-control" id="Peso" name="Peso">
					</div>
					<div class="form-group">
						<label for="pwd">Condiciones especiales:</label>
						<textarea rows="6" class="form-control" id="condicionesEspeciales" name="condicionesEspeciales"></textarea>
					</div>
					<div class="form-group">
						<label for="pwd">Operaciones de mantenimiento:</label><br>
						<select name="operacionesMantenimiento" id="operacionesMantenimiento" multiple>
							<option value="particular">Tractor</option>
							<option value="empresa">Camion con caja</option>
							<option value="empresa">Camion tanque</option>
							<option value="empresa">Camioneta</option>
						</select>
					</div>
					<button type="submit" class="btn btn-danger">Guardar</button>
				</form>
			</div>
		</div>
	</div>

	<script src="https://code.jquery.com/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
	$('#dni').on('focusout', function(event) {
		event.preventDefault();
		$.ajax({
			url: '/Validaciones',
			type: 'GET',
			dataType: 'html',
			data: {tipo: $('#tipo').val(), dni: $('#dni').val()},
		})
		.done(function() {
			console.log("success");
		});
	});
	</script>
</body>
</html>